/**
 * 全局样式变量 - 优化版
 */

// ========== 主色系（健康医疗主题）==========
$primary-color: #10b981; // 清新绿色（健康主题）
$primary-light: #34d399;
$primary-lighter: #6ee7b7;
$primary-dark: #059669;

$secondary-color: #3b82f6; // 专业蓝色
$secondary-light: #60a5fa;
$secondary-dark: #2563eb;

$success-color: #10b981;
$success-light: #d1fae5;
$warning-color: #f59e0b;
$warning-light: #fef3c7;
$danger-color: #ef4444;
$danger-light: #fee2e2;
$info-color: #6366f1;
$info-light: #e0e7ff;

// ========== 中性色系 ==========
$white: #ffffff;
$black: #000000;

// 背景色
$bg-primary: #ffffff;
$bg-secondary: #f8fafc;
$bg-tertiary: #f1f5f9;
$bg-dark: #1e293b;

// 边框色
$border-color: #e2e8f0;
$border-color-light: #f1f5f9;
$border-color-dark: #cbd5e1;

// 文字颜色
$text-primary: #1e293b;
$text-regular: #475569;
$text-secondary: #64748b;
$text-tertiary: #94a3b8;
$text-placeholder: #cbd5e1;
$text-disabled: #e2e8f0;

// ========== 渐变色 ==========
$gradient-primary: linear-gradient(135deg, #10b981 0%, #059669 100%);
$gradient-secondary: linear-gradient(135deg, #3b82f6 0%, #2563eb 100%);
$gradient-warm: linear-gradient(135deg, #f59e0b 0%, #d97706 100%);
$gradient-purple: linear-gradient(135deg, #8b5cf6 0%, #6d28d9 100%);
$gradient-ocean: linear-gradient(135deg, #06b6d4 0%, #0891b2 100%);

// ========== 间距系统 ==========
$spacing-xs: 4px;
$spacing-sm: 8px;
$spacing-md: 16px;
$spacing-lg: 24px;
$spacing-xl: 32px;
$spacing-2xl: 48px;
$spacing-3xl: 64px;

// ========== 圆角 ==========
$border-radius-xs: 4px;
$border-radius-sm: 6px;
$border-radius-md: 8px;
$border-radius-lg: 12px;
$border-radius-xl: 16px;
$border-radius-2xl: 24px;
$border-radius-full: 9999px;

// ========== 阴影系统 ==========
$shadow-xs: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
$shadow-sm: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px -1px rgba(0, 0, 0, 0.1);
$shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
$shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1);
$shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1);
$shadow-2xl: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
$shadow-inner: inset 0 2px 4px 0 rgba(0, 0, 0, 0.05);

// 彩色阴影
$shadow-primary: 0 10px 15px -3px rgba(16, 185, 129, 0.3), 0 4px 6px -4px rgba(16, 185, 129, 0.2);
$shadow-secondary: 0 10px 15px -3px rgba(59, 130, 246, 0.3), 0 4px 6px -4px rgba(59, 130, 246, 0.2);

// ========== 过渡动画 ==========
$transition-fast: all 0.15s ease-in-out;
$transition-base: all 0.3s ease-in-out;
$transition-slow: all 0.5s ease-in-out;

// ========== 布局尺寸 ==========
$header-height: 64px;
$sidebar-width: 240px;
$sidebar-collapsed-width: 64px;

// ========== Z-index 层级 ==========
$z-index-dropdown: 1000;
$z-index-sticky: 1020;
$z-index-fixed: 1030;
$z-index-modal-backdrop: 1040;
$z-index-modal: 1050;
$z-index-popover: 1060;
$z-index-tooltip: 1070;

// ========== 字体 ==========
$font-family-base: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial,
  'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol',
  'Noto Color Emoji';
$font-family-code: 'SFMono-Regular', Consolas, 'Liberation Mono', Menlo, Courier, monospace;

$font-size-xs: 12px;
$font-size-sm: 13px;
$font-size-base: 14px;
$font-size-lg: 16px;
$font-size-xl: 18px;
$font-size-2xl: 20px;
$font-size-3xl: 24px;
$font-size-4xl: 32px;

$font-weight-normal: 400;
$font-weight-medium: 500;
$font-weight-semibold: 600;
$font-weight-bold: 700;

$line-height-tight: 1.25;
$line-height-normal: 1.5;
$line-height-relaxed: 1.75;
